<template>
    <div>
        app组件
        <!-- router-view 是router的一个全局组件 用来展示 当前路由对应的组件 -->
        <keep-alive>
          <router-view v-if='$route.meta.flag'></router-view>
        </keep-alive>
        <router-view v-if='!$route.meta.flag'></router-view>

        <router-link active-class="qqqq" to='/home'>首页</router-link>
        <router-link to='/list/123'>列表页</router-link>
        <aaa></aaa>
        <!-- {{t}} -->
    </div>
</template>
<script>
/* 
  路由传参 query  params
  query 传参； 路径后边挂？  ； 获取的时候直接通过 this.$route.query
  params 传参 需要在路由映射表中 添加字符  /list/:qqq;   params:{qqq:111}
  获取的时候直接通过 this.$route.params

  $route 存放的是数据
  $router 存放的是方法

  $router.push(字符串或者对象) // 会产生新的历史记录
  $router.replace(字符串或者对象) // 只是老的历史记录给替换了 不会产生的新的历史记录
          back
          go(2)

*/
// @ is an alias to /src
import aaa from './aq'
export default {
    name: 'XXX',
    data() {
        return {
          reg:null
        }
    },
    components: {
        aaa
    },
    // computed:{
    //   t(){
    //     console.log(666)
    //     return this.$route.fullpath
    //   }
    // },
    watch:{
      $route:{
        immediate:true,
        handler(val){
          // console.log(val)
          this.reg = new RegExp(val.name)
        }
      }
    }
}
</script>
<style lang="less">
  .router-link-active{
    color:red
  }
</style>